body {
    background: url(../images/login1.webp) no-repeat;
    background-size: cover;
}

.maxBox {
    width: 100%;
    height: 100vh;
    background-color: rgba(237, 237, 237, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainBox {
    width: 6.25rem;
    background-color: #fff;
    padding: .1563rem;
}

.mainBox:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 左侧大图 */
.mainBox .imgFl {
    width: 2.6172rem;
    height: 3.4891rem;
    float: left;
}

/* 右侧内容 */
.boxFr {
    padding: .2109rem;
    float: right;
    width: 2.6172rem;
}

.frTop {
    text-align: center;
}

.boxFr .rangCha {
    width: .9219rem;
    height: .5859rem;
    margin-top: .1563rem;
}

.boxFr .topText {
    margin-top: 14px;
}

.topText p {
    font-size: .1094rem;
    height: .1953rem;
    line-height: .1953rem;
}

/* 表单 */
.inp {
    border: 1px solid #dbdbdb;
    width: 2.1953rem;
    height: .3438rem;
}

form .fill {
    padding: .0391rem .0625rem;
    margin-top: .125rem;
}

/* 表单提示文本 */
.emailText {
    margin-top: .1172rem;
    font-size: .1016rem;
    padding: .0781rem;
    background-color: #fffeda;
    display: none;
}

.reminder {
    background-color: #D14242;
    color: #fff;
    font-size: .0938rem;
    padding: .0313rem .0781rem;
    margin: .0391rem 0;
    line-height: .125rem;
    border-radius: .0234rem;
    display: none;
}

.reminderPwd {
    float: left;
    margin-top: .0781rem;
}

form .checkBox {
    width: .125rem;
    /* height: .125rem; */
    border: 1px solid #dbdbdb;
    margin-right: .0625rem;
    vertical-align: middle;
}

form div {
    margin-top: .0469rem;
    height: .2188rem;
    display: block;
    clear: both;
}

form div label {
    cursor: pointer;
    color: #8e8e8e;
    font-size: .0938rem;
    line-height: .2188rem;
}

.loginBtn {
    background-color: #519f10;
    color: #ffffff;
    margin-top: .2344rem;
    margin-bottom: .0391rem;
    cursor: pointer;
}

.regisBtn {
    background-color: #ffffff;
    color: #666666;
    margin-bottom: .0391rem;
    cursor: pointer;
}

form .forgetText {
    float: right;
    height: .2969rem;
    line-height: .2969rem;
    padding: .0234rem;
    color: #666666;
    cursor: pointer;
}

/* 注册表单 */
.registerForm {
    display: none;
}

/* 忘记密码表单 */
.forgetForm {
    display: none;
}

.forgetForm .formText {
    margin-top: .1172rem;
    padding: .0781rem;
    width: 2.2109rem;
    height: .7813rem;
    background-color: #fffeda;
    font-size: .1016rem;
}

.forgetForm .inpTop {
    margin-top: .125rem;
    cursor: pointer;
    margin-bottom: .0156rem;
}

.forgetForm .fill {
    margin: 0;
}

.forgetForm .issue {
    color: #8e8e8e;
}

/* 更改密码 */
.changeForm {
    display: none;
}

.changeForm .fill {
    margin: 0;
}

.changeForm .yard {
    font-size: .1016rem;
    margin-top: .0391rem;
    margin-bottom: .1172rem;
}

.changeForm .yard span {
    cursor: pointer;
    color: #444444;
}

.changeForm .helpBox {
    display: inline-block;
    vertical-align: text-top;
    width: .1094rem;
    height: .1172rem;
    background: url(../images/help.svg) no-repeat 0 1px;
    background-size: contain;
    margin-left: .0391rem;
}

.changeForm .helpBox:hover {
    background: url(../images/help1.svg) no-repeat 0 1px;
}

.changeForm .inpTop {
    position: relative;
    cursor: pointer;
}

.changeForm .inpTop :hover .hint {
    display: block;
}

.changeForm .inpTop .hint {
    position: absolute;
    top: .1719rem;
    left: -0.1094rem;
    width: .7734rem;
    height: .1875rem;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    line-height: .1875rem;
    display: none;
}

.changeForm .inpTop .hint::after {
    position: absolute;
    top: -0.1328rem;
    left: 45%;
    content: "▲";
    display: block;
    width: .0781rem;
    height: .0781rem;
    color: #000;
}

.changeForm .interval {
    margin-top: .1172rem;
}

.changeForm .strenghBox {
    width: 1.5625rem;
    height: .0469rem;
    background-color: #dddddd;
}